#set(title='书界商城',menu='index',statusMap={'0':'待审核','1':'交易中','2':'待发货','3':'待买家确认收货','4':'交易完成','5':'交易关闭','6':'审核拒绝'})
#@index_layout()

#define index_main()
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="http://img62.ddimg.cn/2017/9/29/201709291345156747.jpg" width="100%" alt="First slide">
          </div>
          <div class="item">
            <img src="http://img62.ddimg.cn/2017/9/29/2017092917565380530.jpg" width="100%" alt="Second slide">
          </div>
          <div class="item">
            <img src="http://img61.ddimg.cn/2017/9/29/2017092917142270281.jpg" width="100%" alt="Third slide">
          </div>
        </div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>

	<div class="row text-center">
		#for(x : page.getList())
	        <div class="col-lg-3 col-sm-6">
	          <a href="#(ctx)/book/detail/#(x.id)">
	          <img src="#(uploadPah)#(x.bookImg)" alt="book image" width="140" height="140">
	          <h4>#(x.name)</h4>
	         </a>
	          <p>#(x.author)</p>
	          <p>¥#(x.price)</p>
	        </div><!-- /.col-lg-3 -->
		#end
        
        <div class="col-lg-3 col-sm-6"><a href="#">
          <img src="http://img3x2.ddimg.cn/51/34/25159812-1_l_9.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>一禅小和尚</h4></a>
          <p>一禅小和尚</p>
          <p>¥39.50</p>
        </div><!-- /.col-lg-3 -->
        
        <div class="col-lg-3 col-sm-6"><a href="#">
          <img src="http://img3x4.ddimg.cn/13/21/25148884-1_l_3.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>《去旅行2》人文地</h4></a>
          <p>[法］米莉·卡布罗尔 </p>
          <p>¥85.80</p>
        </div><!-- /.col-lg-3 -->
        
        <div class="col-lg-3 col-sm-6"><a href="#">
          <img src="http://img3x4.ddimg.cn/13/21/25148884-1_l_3.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>《去旅行2》人文地</h4></a>
          <p>[法］米莉·卡布罗尔 </p>
          <p>¥85.80</p>
        </div><!-- /.col-lg-3 -->
        
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x2.ddimg.cn/16/23/25163242-1_l_9.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>摆渡人2</h4>
         
          <p>克莱儿·麦克福尔</p>
          <p>¥29.50</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x2.ddimg.cn/51/34/25159812-1_l_9.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>一禅小和尚</h4>
          <p>一禅小和尚</p>
          <p>¥39.50</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x4.ddimg.cn/13/21/25148884-1_l_3.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>《去旅行2》人文地</h4>
          <p>[法］米莉·卡布罗尔 </p>
          <p>¥85.80</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x4.ddimg.cn/13/21/25148884-1_l_3.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>《去旅行2》人文地</h4>
          <p>[法］米莉·卡布罗尔 </p>
          <p>¥85.80</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x2.ddimg.cn/16/23/25163242-1_l_9.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>摆渡人2</h4>
         
          <p>克莱儿·麦克福尔</p>
          <p>¥29.50</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x2.ddimg.cn/51/34/25159812-1_l_9.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>一禅小和尚</h4>
          <p>一禅小和尚</p>
          <p>¥39.50</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x4.ddimg.cn/13/21/25148884-1_l_3.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>《去旅行2》人文地</h4>
          <p>[法］米莉·卡布罗尔 </p>
          <p>¥85.80</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x4.ddimg.cn/13/21/25148884-1_l_3.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>《去旅行2》人文地</h4>
          <p>[法］米莉·卡布罗尔 </p>
          <p>¥85.80</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x2.ddimg.cn/16/23/25163242-1_l_9.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>摆渡人2</h4>
         
          <p>克莱儿·麦克福尔</p>
          <p>¥29.50</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x2.ddimg.cn/51/34/25159812-1_l_9.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>一禅小和尚</h4>
          <p>一禅小和尚</p>
          <p>¥39.50</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x4.ddimg.cn/13/21/25148884-1_l_3.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>《去旅行2》人文地</h4>
          <p>[法］米莉·卡布罗尔 </p>
          <p>¥85.80</p>
        </div><!-- /.col-lg-3 -->
        <div class="col-lg-3 col-sm-6">
          <img src="http://img3x4.ddimg.cn/13/21/25148884-1_l_3.jpg" alt="Generic placeholder image" width="140" height="140">
          <h4>《去旅行2》人文地</h4>
          <p>[法］米莉·卡布罗尔 </p>
          <p>¥85.80</p>
        </div><!-- /.col-lg-3 -->
      </div>
#end
